// postcss.config.js
// 用 vite 创建项目，配置 postcss 需要使用 post.config.js，之前使用的 .postcssrc.js 已经被抛弃
// 具体配置可以去仓库看看文档
// [postcss-pxtorem](https://github.com/cuth/postcss-pxtorem) 

module.exports = {
  plugins: {
    'autoprefixer': { // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
      browsers: ['Android >= 4.0', 'iOS >= 8']
    },
    /**
     * 移动端适配方案：amfe-flexible
     * 在项目中以px为单位去开发，插件会帮我们换算成rem
     */
    'postcss-pxtorem': {
      rootValue({ file }) {
        return file.indexOf("vant") !== -1 ? 37.5 : 75; // 因为vant框架是以375px的稿子为基础的, Vant 官方根字体大小是 37.5，所以需要适配一下
      },
      propList: ['*'],  // 需要转换的css属性，默认*全部
      selectorBlackList: ['.norem'], // 过滤掉.norem-开头的class，不进行rem转换
      mediaQuery: false, // 允许在媒体查询中转换 px
    }
  }
}